<template>
  <div>
    <div id="home">
      <div class="operator_head">
        <div
          id="header"
          class="operatorHeader clearfix"
          style="background:gray"
        >
          <div class="w15 fl text-center">
            <div class="logo"></div>
          </div>
          <div class="w70 fl text-left">
            <h3 class="m120px">摄影小程序后台管理</h3>
          </div>
          <div class="w15 fl text-right">
            <div class="userInfo">
              <div class="userAvatar"></div>
              <div class="userName">
                <span class="fz16px">lqq</span>
                <i class="el-icon-arrow-down"></i>
              </div>
              <ul class="operatorList" style="display:none">
                <li class="operatorItem">
                  <a href="" style="display:block">
                    <i class="el-icon-s-custom"></i>
                    <span to="/Login">门户首页</span>
                  </a>
                </li>
                <li class="operatorItem">
                  <i class="el-icon-switch-button"></i>
                  <span>退出登录</span>
                </li>
              </ul>
              <!-- <div class="skinPeeler">
                  <i class="skinLogo"></i>
                  <ul class="skinPeelerList">
                    <li class="skinPeelerItem">
                      <span>默认主题</span>
                    </li>
                    <li class="skinPeelerItem">
                      <span>默认主题</span>
                    </li>
                    <li class="skinPeelerItem">
                      <span>默认主题</span>
                    </li>
                  </ul>
                </div> -->
            </div>
          </div>
        </div>
      </div>
      <div data-v-356ba80a="" class="operator_content clearfix">
        <div data-v-356ba80a="" class="operator_content_left">
          <div data-v-356ba80a="" class="sideWrap" style="height: 674px;">
            <ul
              role="menubar"
              class="el-menu-demo el-menu"
              style="background-color: rgb(255, 255, 255); height: 100%;"
            >
              <li
                role="menuitem"
                tabindex="-1"
                class="el-menu-item is-active"
                style="padding-left: 20px; color: rgb(47, 164, 245); background-color: rgb(255, 255, 255);"
              >
                <a
                  href="#/carousel"
                  class="link-style router-link-exact-active router-link-active"
                  style="color: rgb(47, 164, 245);"
                  aria-current="page"
                  ><i
                    class="el-icon-s-data"
                    style="color: rgb(47, 164, 245);"
                  ></i>
                  <span>首页内容</span></a
                >
              </li>
              <li
                role="menuitem"
                tabindex="-1"
                class="el-menu-item"
                style="padding-left: 20px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
              >
                <a
                  href="#/theme"
                  class="link-style"
                  style="color: rgb(0, 0, 0);"
                  ><i class="el-icon-tickets" style="color: rgb(0, 0, 0);"></i>
                  <span>服务单管理</span></a
                >
              </li>
              <li
                role="menuitem"
                tabindex="-1"
                class="el-menu-item"
                style="padding-left: 20px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
              >
                <a
                  href="#/order"
                  class="link-style"
                  style="color: rgb(0, 0, 0);"
                  ><i class="el-icon-s-order" style="color: rgb(0, 0, 0);"></i>
                  <span>客户预约</span></a
                >
              </li>
              <li
                role="menuitem"
                tabindex="-1"
                class="el-menu-item"
                style="padding-left: 20px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
              >
                <a
                  href="#/users"
                  class="link-style"
                  style="color: rgb(0, 0, 0);"
                  ><i class="el-icon-s-custom" style="color: rgb(0, 0, 0);"></i>
                  <span>用户管理</span></a
                >
              </li>
            </ul>
          </div>
          <div data-v-356ba80a="" class="right_line"></div>
        </div>
        <div data-v-356ba80a="" class="operator_content_right">
          <div data-v-356ba80a="" class="mt20px"><!----></div>
          <div data-v-356ba80a="" class="mt20px">
            <div data-v-356ba80a="" id="carousel">
              <div class="el-tabs el-tabs--card el-tabs--top">
                <div class="el-tabs__header is-top">
                  <div class="el-tabs__nav-wrap is-top">
                    <div class="el-tabs__nav-scroll">
                      <div
                        role="tablist"
                        class="el-tabs__nav is-top"
                        style="transform: translateX(0px);"
                      >
                        <div
                          id="tab-1"
                          aria-controls="pane-1"
                          role="tab"
                          aria-selected="true"
                          tabindex="0"
                          class="el-tabs__item is-top is-active"
                        >
                          轮播图
                        </div>
                        <div
                          id="tab-2"
                          aria-controls="pane-2"
                          role="tab"
                          tabindex="-1"
                          class="el-tabs__item is-top"
                        >
                          环境展示
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="el-tabs__content">
                  <div
                    role="tabpanel"
                    id="pane-1"
                    aria-labelledby="tab-1"
                    class="el-tab-pane"
                  ></div>
                  <div
                    role="tabpanel"
                    aria-hidden="true"
                    id="pane-2"
                    aria-labelledby="tab-2"
                    class="el-tab-pane"
                    style="display: none;"
                  ></div>
                </div>
              </div>
              <div class="clearfix">
                <div class="fl">
                  <button type="button" class="el-button el-button--primary">
                    <!----><!----><span>添加</span>
                  </button>
                </div>
              </div>
              <div class="clearfix mt20px">
                <div data-v-5cb9a37e="" class="clearfix">
                  <div data-v-5cb9a37e="" class="tableContent">
                    <div
                      data-v-5cb9a37e=""
                      class="el-table el-table--fit el-table--striped el-table--enable-row-transition"
                      slot="empty"
                    >
                      <div class="hidden-columns">
                        <!---->
                        <div data-v-5cb9a37e=""></div>
                        <div data-v-5cb9a37e=""></div>
                        <div data-v-5cb9a37e=""></div>
                        <div data-v-5cb9a37e=""></div>
                        <div data-v-5cb9a37e=""></div>
                        <div data-v-5cb9a37e=""></div>
                      </div>
                      <div class="el-table__header-wrapper">
                        <table
                          cellspacing="0"
                          cellpadding="0"
                          border="0"
                          class="el-table__header"
                          style="width: 880px;"
                        >
                          <colgroup>
                            <col name="el-table_7_column_50" width="55" />
                            <col name="el-table_7_column_51" width="171" />
                            <col name="el-table_7_column_52" width="168" />
                            <col name="el-table_7_column_53" width="168" />
                            <col name="el-table_7_column_54" width="168" />
                            <col name="el-table_7_column_55" width="150" />
                            <col name="gutter" width="0" />
                          </colgroup>
                          <thead class="has-gutter">
                            <tr class="">
                              <th
                                colspan="1"
                                rowspan="1"
                                class="el-table_7_column_50  is-center   is-hidden is-leaf"
                              >
                                <div class="cell">序号</div>
                              </th>
                              <th
                                colspan="1"
                                rowspan="1"
                                class="el-table_7_column_51  is-center   is-leaf"
                              >
                                <div class="cell">图片</div>
                              </th>
                              <th
                                colspan="1"
                                rowspan="1"
                                class="el-table_7_column_52  is-center   is-leaf"
                              >
                                <div class="cell">标题</div>
                              </th>
                              <th
                                colspan="1"
                                rowspan="1"
                                class="el-table_7_column_53  is-center   is-leaf"
                              >
                                <div class="cell">描述</div>
                              </th>
                              <th
                                colspan="1"
                                rowspan="1"
                                class="el-table_7_column_54  is-center   is-leaf"
                              >
                                <div class="cell">排序</div>
                              </th>
                              <th
                                colspan="1"
                                rowspan="1"
                                class="el-table_7_column_55  is-center   is-hidden is-leaf"
                              >
                                <div class="cell">操作</div>
                              </th>
                              <th
                                class="gutter"
                                style="width: 0px; display: none;"
                              ></th>
                            </tr>
                          </thead>
                        </table>
                      </div>
                      <div class="el-table__body-wrapper is-scrolling-none">
                        <table
                          cellspacing="0"
                          cellpadding="0"
                          border="0"
                          class="el-table__body"
                          style="width: 880px;"
                        >
                          <colgroup>
                            <col name="el-table_7_column_50" width="55" />
                            <col name="el-table_7_column_51" width="171" />
                            <col name="el-table_7_column_52" width="168" />
                            <col name="el-table_7_column_53" width="168" />
                            <col name="el-table_7_column_54" width="168" />
                            <col name="el-table_7_column_55" width="150" />
                          </colgroup>
                          <tbody>
                            <tr class="el-table__row">
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_50 is-center  is-hidden"
                              >
                                <div class="cell"><div>1</div></div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_51 is-center "
                              >
                                <div class="cell">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="el-image"
                                    style="width: 100%; height: 100%; vertical-align: middle;"
                                  >
                                    <div class="el-image__error">加载失败</div>
                                    <!---->
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_52 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  ></div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_53 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  ></div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_54 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    0
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_55 is-center  is-hidden"
                              >
                                <div class="cell">
                                  <div data-v-5cb9a37e="">
                                    <button
                                      data-v-5cb9a37e=""
                                      type="button"
                                      class="el-button el-button--primary el-button--mini"
                                    >
                                      <!----><!----><span
                                        ><span data-v-5cb9a37e=""></span>编辑
                                      </span></button
                                    ><button
                                      data-v-5cb9a37e=""
                                      type="button"
                                      class="el-button el-button--danger el-button--mini"
                                    >
                                      <!----><!----><span
                                        ><span data-v-5cb9a37e=""></span>删除
                                      </span>
                                    </button>
                                  </div>
                                </div>
                              </td>
                            </tr>
                            <tr class="el-table__row el-table__row--striped">
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_50 is-center  is-hidden"
                              >
                                <div class="cell"><div>2</div></div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_51 is-center "
                              >
                                <div class="cell">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="el-image"
                                    style="width: 100%; height: 100%; vertical-align: middle;"
                                  >
                                    <img
                                      src="/api/Containers/5ff81d93b29cf431db6d1dee/download/m1.png"
                                      class="el-image__inner el-image__preview"
                                    /><!---->
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_52 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    111
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_53 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    851500
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_54 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    1
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_55 is-center  is-hidden"
                              >
                                <div class="cell">
                                  <div data-v-5cb9a37e="">
                                    <button
                                      data-v-5cb9a37e=""
                                      type="button"
                                      class="el-button el-button--primary el-button--mini"
                                    >
                                      <!----><!----><span
                                        ><span data-v-5cb9a37e=""></span>编辑
                                      </span></button
                                    ><button
                                      data-v-5cb9a37e=""
                                      type="button"
                                      class="el-button el-button--danger el-button--mini"
                                    >
                                      <!----><!----><span
                                        ><span data-v-5cb9a37e=""></span>删除
                                      </span>
                                    </button>
                                  </div>
                                </div>
                              </td>
                            </tr>
                            <tr class="el-table__row">
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_50 is-center  is-hidden"
                              >
                                <div class="cell"><div>3</div></div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_51 is-center "
                              >
                                <div class="cell">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="el-image"
                                    style="width: 100%; height: 100%; vertical-align: middle;"
                                  >
                                    <img
                                      src="/api/Containers/5ff82288b29cf431db6d1df0/download/m1.png"
                                      class="el-image__inner el-image__preview"
                                    /><!---->
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_52 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    456
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_53 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    456
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_54 is-center "
                              >
                                <div class="">
                                  <div
                                    data-v-5cb9a37e=""
                                    class="customizeDiv cell el-tooltip"
                                  >
                                    1
                                  </div>
                                </div>
                              </td>
                              <td
                                rowspan="1"
                                colspan="1"
                                class="el-table_7_column_55 is-center  is-hidden"
                              >
                                <div class="cell">
                                  <div data-v-5cb9a37e="">
                                    <button
                                      data-v-5cb9a37e=""
                                      type="button"
                                      class="el-button el-button--primary el-button--mini"
                                    >
                                      <!----><!----><span
                                        ><span data-v-5cb9a37e=""></span>编辑
                                      </span></button
                                    ><button
                                      data-v-5cb9a37e=""
                                      type="button"
                                      class="el-button el-button--danger el-button--mini"
                                    >
                                      <!----><!----><span
                                        ><span data-v-5cb9a37e=""></span>删除
                                      </span>
                                    </button>
                                  </div>
                                </div>
                              </td>
                            </tr>
                            <!---->
                          </tbody>
                        </table>
                        <!----><!---->
                      </div>
                      <!---->
                      <div
                        class="el-table__fixed"
                        style="width: 55px; height: 257px;"
                      >
                        <div class="el-table__fixed-header-wrapper">
                          <table
                            cellspacing="0"
                            cellpadding="0"
                            border="0"
                            class="el-table__header"
                            style="width: 880px;"
                          >
                            <colgroup>
                              <col name="el-table_7_column_50" width="55" />
                              <col name="el-table_7_column_51" width="171" />
                              <col name="el-table_7_column_52" width="168" />
                              <col name="el-table_7_column_53" width="168" />
                              <col name="el-table_7_column_54" width="168" />
                              <col name="el-table_7_column_55" width="150" />
                            </colgroup>
                            <thead class="">
                              <tr class="">
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_50  is-center   is-leaf"
                                >
                                  <div class="cell">序号</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_51  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">图片</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_52  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">标题</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_53  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">描述</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_54  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">排序</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_55  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">操作</div>
                                </th>
                              </tr>
                            </thead>
                          </table>
                        </div>
                        <div
                          class="el-table__fixed-body-wrapper"
                          style="top: 31px;"
                        >
                          <table
                            cellspacing="0"
                            cellpadding="0"
                            border="0"
                            class="el-table__body"
                            style="width: 880px;"
                          >
                            <colgroup>
                              <col name="el-table_7_column_50" width="55" />
                              <col name="el-table_7_column_51" width="171" />
                              <col name="el-table_7_column_52" width="168" />
                              <col name="el-table_7_column_53" width="168" />
                              <col name="el-table_7_column_54" width="168" />
                              <col name="el-table_7_column_55" width="150" />
                            </colgroup>
                            <tbody>
                              <tr class="el-table__row">
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_50 is-center "
                                >
                                  <div class="cell"><div>1</div></div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_51 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="el-image"
                                      style="width: 100%; height: 100%; vertical-align: middle;"
                                    >
                                      <div class="el-image__error">
                                        加载失败
                                      </div>
                                      <!---->
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_52 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    ></div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_53 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    ></div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_54 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      0
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_55 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div data-v-5cb9a37e="">
                                      <button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--primary el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>编辑
                                        </span></button
                                      ><button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--danger el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>删除
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr class="el-table__row el-table__row--striped">
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_50 is-center "
                                >
                                  <div class="cell"><div>2</div></div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_51 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="el-image"
                                      style="width: 100%; height: 100%; vertical-align: middle;"
                                    >
                                      <img
                                        src="/api/Containers/5ff81d93b29cf431db6d1dee/download/m1.png"
                                        class="el-image__inner el-image__preview"
                                      /><!---->
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_52 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      111
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_53 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      851500
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_54 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      1
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_55 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div data-v-5cb9a37e="">
                                      <button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--primary el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>编辑
                                        </span></button
                                      ><button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--danger el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>删除
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr class="el-table__row">
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_50 is-center "
                                >
                                  <div class="cell"><div>3</div></div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_51 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="el-image"
                                      style="width: 100%; height: 100%; vertical-align: middle;"
                                    >
                                      <img
                                        src="/api/Containers/5ff82288b29cf431db6d1df0/download/m1.png"
                                        class="el-image__inner el-image__preview"
                                      /><!---->
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_52 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      456
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_53 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      456
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_54 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      1
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_55 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div data-v-5cb9a37e="">
                                      <button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--primary el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>编辑
                                        </span></button
                                      ><button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--danger el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>删除
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <!---->
                            </tbody>
                          </table>
                          <!---->
                        </div>
                        <!---->
                      </div>
                      <div
                        class="el-table__fixed-right"
                        style="width: 150px; height: 257px;"
                      >
                        <div class="el-table__fixed-header-wrapper">
                          <table
                            cellspacing="0"
                            cellpadding="0"
                            border="0"
                            class="el-table__header"
                            style="width: 880px;"
                          >
                            <colgroup>
                              <col name="el-table_7_column_50" width="55" />
                              <col name="el-table_7_column_51" width="171" />
                              <col name="el-table_7_column_52" width="168" />
                              <col name="el-table_7_column_53" width="168" />
                              <col name="el-table_7_column_54" width="168" />
                              <col name="el-table_7_column_55" width="150" />
                            </colgroup>
                            <thead class="">
                              <tr class="">
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_50  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">序号</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_51  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">图片</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_52  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">标题</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_53  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">描述</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_54  is-center   is-hidden is-leaf"
                                >
                                  <div class="cell">排序</div>
                                </th>
                                <th
                                  colspan="1"
                                  rowspan="1"
                                  class="el-table_7_column_55  is-center   is-leaf"
                                >
                                  <div class="cell">操作</div>
                                </th>
                              </tr>
                            </thead>
                          </table>
                        </div>
                        <div
                          class="el-table__fixed-body-wrapper"
                          style="top: 31px;"
                        >
                          <table
                            cellspacing="0"
                            cellpadding="0"
                            border="0"
                            class="el-table__body"
                            style="width: 880px;"
                          >
                            <colgroup>
                              <col name="el-table_7_column_50" width="55" />
                              <col name="el-table_7_column_51" width="171" />
                              <col name="el-table_7_column_52" width="168" />
                              <col name="el-table_7_column_53" width="168" />
                              <col name="el-table_7_column_54" width="168" />
                              <col name="el-table_7_column_55" width="150" />
                            </colgroup>
                            <tbody>
                              <tr class="el-table__row">
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_50 is-center  is-hidden"
                                >
                                  <div class="cell"><div>1</div></div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_51 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="el-image"
                                      style="width: 100%; height: 100%; vertical-align: middle;"
                                    >
                                      <div class="el-image__error">
                                        加载失败
                                      </div>
                                      <!---->
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_52 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    ></div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_53 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    ></div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_54 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      0
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_55 is-center "
                                >
                                  <div class="cell">
                                    <div data-v-5cb9a37e="">
                                      <button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--primary el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>编辑
                                        </span></button
                                      ><button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--danger el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>删除
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr class="el-table__row el-table__row--striped">
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_50 is-center  is-hidden"
                                >
                                  <div class="cell"><div>2</div></div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_51 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="el-image"
                                      style="width: 100%; height: 100%; vertical-align: middle;"
                                    >
                                      <img
                                        src="/api/Containers/5ff81d93b29cf431db6d1dee/download/m1.png"
                                        class="el-image__inner el-image__preview"
                                      /><!---->
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_52 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      111
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_53 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      851500
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_54 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      1
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_55 is-center "
                                >
                                  <div class="cell">
                                    <div data-v-5cb9a37e="">
                                      <button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--primary el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>编辑
                                        </span></button
                                      ><button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--danger el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>删除
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr class="el-table__row">
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_50 is-center  is-hidden"
                                >
                                  <div class="cell"><div>3</div></div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_51 is-center  is-hidden"
                                >
                                  <div class="cell">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="el-image"
                                      style="width: 100%; height: 100%; vertical-align: middle;"
                                    >
                                      <img
                                        src="/api/Containers/5ff82288b29cf431db6d1df0/download/m1.png"
                                        class="el-image__inner el-image__preview"
                                      /><!---->
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_52 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      456
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_53 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      456
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_54 is-center  is-hidden"
                                >
                                  <div class="">
                                    <div
                                      data-v-5cb9a37e=""
                                      class="customizeDiv cell el-tooltip"
                                    >
                                      1
                                    </div>
                                  </div>
                                </td>
                                <td
                                  rowspan="1"
                                  colspan="1"
                                  class="el-table_7_column_55 is-center "
                                >
                                  <div class="cell">
                                    <div data-v-5cb9a37e="">
                                      <button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--primary el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>编辑
                                        </span></button
                                      ><button
                                        data-v-5cb9a37e=""
                                        type="button"
                                        class="el-button el-button--danger el-button--mini"
                                      >
                                        <!----><!----><span
                                          ><span data-v-5cb9a37e=""></span>删除
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <!---->
                            </tbody>
                          </table>
                          <!---->
                        </div>
                        <!---->
                      </div>
                      <div
                        class="el-table__fixed-right-patch"
                        style="width: 0px; height: 31px;"
                      ></div>
                      <div
                        class="el-table__column-resize-proxy"
                        style="display: none;"
                      ></div>
                    </div>
                  </div>
                  <!---->
                </div>
              </div>
              <div class="el-dialog__wrapper" style="display: none;">
                <div
                  role="dialog"
                  aria-modal="true"
                  aria-label="dialog"
                  class="el-dialog"
                  style="margin-top: 15vh; width: 600px;"
                >
                  <div class="el-dialog__header">
                    <span class="el-dialog__title"></span
                    ><button
                      type="button"
                      aria-label="Close"
                      class="el-dialog__headerbtn"
                    >
                      <i class="el-dialog__close el-icon el-icon-close"></i>
                    </button>
                  </div>
                  <!---->
                  <div class="el-dialog__footer">
                    <span class="dialog-footer"
                      ><button
                        type="button"
                        class="el-button el-button--default el-button--small"
                      >
                        <!----><!----><span>取 消</span>
                      </button>
                      <button
                        type="button"
                        class="el-button el-button--primary el-button--small"
                      >
                        <!----><!----><span>保 存</span>
                      </button></span
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <el-tabs :tab-position="tabPosition" style="margin:100px 0 0 10px">
        <el-tab-pane label="首页内容">首页内容</el-tab-pane>
        <el-tab-pane label="订单管理">订单管理</el-tab-pane>
        <el-tab-pane label="客户预约">客户预约</el-tab-pane>
        <el-tab-pane label="用户管理">用户管理</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      tabPosition: "left"
    };
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {}
};
</script>
<style scoped>
.el-icon-s-custom:before {
  content: "\E7AB";
}
.el-icon-switch-button:before {
  content: "\E71B";
}
.operator_head {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.operatorHeader {
  line-height: 80px;
  color: #fff;
  background: #6a6969;
}
.clearfix {
  zoom: 1;
}
.w15 {
  width: 15% !important;
}
.fl {
  float: left;
}
.text-center {
  text-align: center !important;
}
.logo {
  width: 100%;
  height: 36px;
  margin-top: 22px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.w70 {
  width: 70% !important;
}
.fl {
  float: left;
}
.text-left {
  text-align: left !important;
}
.ml20px {
  margin-left: 20px !important;
}
h3 {
  display: block;
  font-size: 1.17em;
  /* margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; */
  font-weight: bold;
}
.text-left {
  text-align: left !important;
}
.w15 {
  width: 15% !important;
}
.fl {
  float: left;
}
.text-right {
  text-align: right !important;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
.userInfo {
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.userAvatar {
  height: 40px;
  width: 40px;
  background: url(./img/web.db426e9.jpg) no-repeat 50%;
  background-size: cover;
  border-radius: 50%;
  float: left;
  margin-top: 20px;
}
* {
  margin: 0;
  padding: 0;
}
.userName {
  float: right;
  position: relative;
  display: inline-block;
}
.fz16px {
  font-size: 16px !important;
}
.userInfo .operatorList[data-v-534172ad] {
  width: 150px;
  background: #fff;
  line-height: 40px;
  color: #000;
  text-align: center;
  position: absolute;
  top: 65px;
  right: 30px;
  z-index: 1000;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  display: none;
}
.userInfo {
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.userInfo .operatorList .operatorItem {
  border-bottom: 0.5px solid hsla(0, 0%, 73.3%, 0.8);
  margin: 0 16px;
  box-sizing: border-box;
}
ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
.skinPeeler[data-v-534172ad] {
  float: right;
  color: #fff;
  font-size: 28px;
  height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.skinPeeler .skinLogo[data-v-534172ad] {
  background: url(./img/web.db426e9.jpg) no-repeat 50%;
  background-size: cover;
  display: inline-block;
  width: 30px;
  height: 20px;
  position: absolute;
  top: 29px;
  left: -26px;
}
.skinPeelerList[data-v-534172ad] {
  width: 150px;
  background: #fff;
  line-height: 40px;
  color: #000;
  text-align: center;
  position: absolute;
  top: 65px;
  right: -65px;
  z-index: 1000;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  display: none;
}
.skinPeelerList .skinPeelerItem[data-v-534172ad] {
  border-bottom: 0.5px solid hsla(0, 0%, 73.3%, 0.8);
  margin: 0 16px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
</style>
